<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" href="/css/core.css" rel="stylesheet"/>
    <link type="text/css" href="/layui/css/layui.css" rel="stylesheet">
    <link type="text/css" href="/css/main/module/lobby/uno.css" rel="stylesheet">
</head>
<body>
    <div id="all">
        <div id="core">
            <div id="gn">
                <div id="gn_l">
                    <div id="playlist_d">
                        <input id="userid" type="hidden" th:value="${user.user_id}">
                        <table id="playlist">
                            <tr>
                                <td><span>头像</span></td>
                                <td><span>姓名</span></td>
                                <td><span>手牌数</span></td>
                                <td><span>积分</span></td>
                                <td><span>状态</span></td>
                                <td><span>出牌</span></td>
                            </tr>
                            <tr th:each="play : ${playlist}" th:class="${play.isplay == '1'} ? 'isplay' : ''" th:id="${play.user_id}">
                                <td>
                                    <img class="playimg" th:src="${play.user_img.file_path}+${play.user_img.file_name}" />
                                </td>
                                <td>
                                    <span th:text="${play.user_name}"></span>
                                </td>
                                <td>
                                    <span th:text="${play.card_count}"></span>
                                </td>
                                <td>
                                    <span th:text="${play.game_count}"></span>
                                </td>
                                <td>
                                    <span th:if="${play.play_state == '1'}">参与者</span>
                                    <span th:if="${play.play_state == '0'}">等待者</span>
                                </td>
                                <td>
                                    <span th:text="${play.card_content}"></span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div id="gn_m">

                </div>
                <div id="gn_r">
                    <span id="addtwo"></span>
                    <button type="button" id="cz" onclick="cz()" >重置</button>
                </div>
            </div>
            <div id="cp_d">
                <div id="start" class="noshow">
                    <button type="button" class="noshow" id="cp" onclick="gj()" >出牌</button>
                    <button type="button" id="mp" onclick="mp()" >摸牌</button>
                    <button type="button" id="px" onclick="px()" >排序</button>
                </div>
                <div id="nostart">
                    <button type="button" id="zb" onclick="ready()" >准备</button>
                    <button type="button" id="qx" class="noshow" onclick="noready()" >取消</button>
                </div>

            </div>
            <div id="pq">

                <div class="p_d" th:each="uno : ${unos}" th:count="${uno.C_count1}" th:color="${uno.C_color1}" th:json="${uno.C_json}" th:canout="${uno.C_canout}" th:fields="${uno.C_fields}">
                    <div class="p">
                        <div class="p_t">
                            <div class="lx">
                                <i class="layui-icon" th:style="'color: '+${uno.C_color1}" th:utext="${uno.C_icon1}"></i>
                            </div>
                            <div class="ds">
                                <span th:text="${uno.C_count1}"></span>
                            </div>
                        </div>
                        <div class="p_m">
                            <div class="b_lx">
                                <i class="layui-icon" th:style="'color: '+${uno.C_color1}" th:utext="${uno.C_icon1}"></i>
                            </div>
                        </div>
                        <div class="p_b">
                            <div class="bs">
                                <span th:text="${uno.C_count1}"></span>
                            </div>
                            <div class="fh">
                                <i class="layui-icon" th:style="'color: '+${uno.C_color1}" th:utext="${uno.C_icon1}"></i>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="/js/gj/jquery-3.5.1.min.js"></script>
<script src="/layui/layui.js"></script>
<script src="/js/main/module/lobby/uno.js"></script>
</html>